// index
@bgColor: #f5f5f9;

.page {
  &::before {
    content: '';
    height: 100vh;
    width: 100vw;
    background-color: #f5f5f9;
    z-index: -99999;
    position: fixed;
  }
}

.normal {
  height: 100vh;
}

.layout {
  font-family: Georgia, sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

.title {
  font-size: 2.5rem;
  font-weight: normal;
  letter-spacing: -1px;
  background: darkslateblue;
  padding: 0.6em 0;
  color: white;
  margin: 0;
}

.content {
  height: e('calc(100vh - 50px)');
  flex-shrink: 1;
  flex-grow: 0;
  overflow: hidden;
  &::before {
    content: '';
    left: 0;
    top: 0;
    position: fixed;
    height: 25vh;
    width: 100vw;
    background: #2c72ff;
    z-index: -100;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
  }
}

.footer {
  flex-shrink: 0;
  flex-grow: 0;
  min-height: 50px;
  :global {
    .am-tabs {
      .am-tabs-content-wrap {
        display: none;
      }
    }
  }
}

// footer

.footer-icon {
  width: 22px;
  height: 22px;
}
.home-on {
  background: url(/icon/tab_statement_highlighted.png) center center / 21px 21px no-repeat;
}
.home-off {
  background: url(/icon/tab_statement_normal.png) center center / 21px 21px no-repeat;
}
.mine-on {
  background: url(/icon/tab_me_highlighted.png) center center / 21px 21px no-repeat;
}
.mine-off {
  background: url(/icon/tab_me_normal.png) center center / 21px 21px no-repeat;
}
